草庐IT

ionic 单选框

全部标签

javascript - 在 JavaScript 中,如何获取页面中具有给定名称的所有单选按钮?

正如标题所说,JavaScript中最好的方法是什么?获取具有给定名称的页面上的所有单选按钮?最终我将使用它来确定选择了哪个特定的单选按钮,所以用另一种方式来表达这个问题:在JavaScript中给定一个字符串变量,我如何知道当前选择了哪个具有该字符串名称的确切单选按钮输入元素(如果有)?我不使用jQuery。如果您想提供jQuery答案,请继续。其他人可能会发现它很有用。但这对我没有帮助,我也不会赞成它。 最佳答案 您可以使用document.getElementsByName(),传递radio组的名称,然后遍历它们检查chec

javascript - knockout js单选按钮点击事件重置选择

我在单选按钮列表上绑定(bind)了“checked”和“click”事件。但是只要单击单选按钮,选择就不会保留。我一定是做错了什么。如果你们能指出我正确的方向,我真的很感激。请参阅FiddleHere查看模型:varviewModel={wantsSpam:ko.observable(true),spamFlavor:ko.observable('cherry'),click:function(model){console.log(model);}};查看: 最佳答案 来自clickeventdocumentation:Bydef

javascript - 检查是否至少选择了一个单选按钮 - JavaScript

假设我有以下HTML表单:ChooseChooseInstantPsychologyInstantGeographyInstantGastronomy如何编写JavaScript函数来确保至少选择了一个radio输入? 最佳答案 像这样的东西应该可以解决问题if($("input[type=radio]:checked").length>0){//Doyourstuffhere}更新没有看到它不应该有jQuery,所以这是一个在纯JS中检查它的替代函数functioncheck(){varradios=document.getEle

javascript - 单击单选按钮后未显示 Google Recaptcha

我有两个单选按钮。当我单击其中一个以更改表单字段时,验证码版本1不再显示。所以,我必须点击刷新按钮来生成一个新的验证码图像。V1V2jquery代码是:$(document).ready(function(){$("#FormV1").bind("change",function(event){$.ajax({async:true,beforeSend:function(XMLHttpRequest){$('#loading').show();},complete:function(XMLHttpRequest,textStatus){$('#loading').hide()},dat

javascript - jQuery 复选框 : select all/none except one

我有一个复选框选择所有问题。我有多个复选框,可以由主复选框触发。如果主复选框是选中的,那么您可以选择任何复选框(这有效)。现在我的问题是当我检查“无”时,所有这些都消失了,即使是主人我需要的是不去勾选master。我可以拥有任意多个复选框。有没有一种解决方案可以做到这一点而无需在每个复选框上放置一个ID或自动取消选中所有复选框而不是主复选框?这是我的代码:$(document).ready(function(){$('#checkAll').click(function(){if(!$('#master').is(':checked')){return;}$('input[type="

javascript - 切换 Material Design Lite 复选框

我正在使用MaterialDesignLite复选框,并尝试使用JavaScript选中或取消选中该元素。我试过这个:document.getElementById("checkbox-1").checked=true;那是行不通的。我用jQuery尝试了同样的方法:$("#checkbox-1").prop('checked',true);那也没用。任何帮助将不胜感激。 最佳答案 目前,这个组件在1.0.0中有一个错误,它没有作为一个小部件公开。这已得到修复。目前在master中,几天后在1.0.1补丁中,它将以稳定的版本提供给每

javascript - AngularJS - 充当单选按钮的 3 按钮组

使用Ionicframework,我正在尝试创建一组充当单选按钮的三个按钮:如果我点击早餐,我希望午餐和晚餐恢复正常(白色)状态,早餐变成蓝色。使用我当前的代码,我无法使用此功能,尽管我可以让按钮稍微随机地切换颜色(也许我只是不理解ng-class指令).这是我的HTML代码:BreakfastLunchDinner我的JS:$scope.active=function(meal){switch(meal){case'breakfast':$scope.$broadcast('slideBox.setSlide',0);$scope.isActiveB=$scope.isActiveB

javascript - fatal error : Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory in Ionic 3

当我使用ionicserve命令运行Ionic3项目时,出现此错误: 最佳答案 对于那些从Google解决这个问题的人的非Angular通用答案:大多数情况下,当您遇到此错误时,可能是因为内存泄漏、库的添加/版本升级或Node.js在不同版本之间管理内存的方式不同(例如,Node.js版本10)。通常只增加分配给Node.js的内存将允许您的程序运行但实际上可能无法解决真正的问题并且节点进程使用的内存仍然可能超过您分配的新内存.我建议在Node.js进程开始运行或更新到Node.js>10时分析内存使用情况。我有内存泄漏。这是agr

javascript - 使用 jQuery 检查复选框是否已经在加载时被选中

我正在使用$("#some-box").click(function(){$("#main-box").toggle();});效果很好,除非复选框是保存复选框状态的页面的一部分。如果一个复选框被保存为勾选,主框(当复选框被点击时显示)在重新加载时被隐藏,并且只有当复选框被点击时才可见,这在现在意味着“未勾选”复选框(正如预期的那样开关)。如果复选框已被勾选,我如何检查页面加载,在这种情况下自动触发切换? 最佳答案 这应该有效:if($("#some-box").is(':checked')){$("#main-box").show

javascript - Jquery 验证错误放置(单选按钮)

我正在尝试使用Jquery验证插件来验证我的表单。我的大多数输入元素的右侧都会出现错误消息,但单选按钮只会给我带来麻烦。如果我没有为div.group类指定宽度,则错误消息会出现在整个页面的外部(因为我假设div宽度是页面的100%?)什么都不做会导致错误消息出现在第一个单选按钮之后而不是第二个单选按钮之后。我不能对宽度进行硬编码,因为我想在多个宽度的radio组上使用它。我怎样才能让它出现在单选按钮中单选按钮结束的地方的右边缘?谢谢!varvalidator=$("#myForm").validate({errorElement:"div",wrapper:"div",//awrap